<template>
 <view class="page-imcc">
	 <view class="page-imcc-body">
		 <image src="../../static/ibs/img_comm_service.png" />
	 </view>
	 <view class="page-imcc-text"><text>如果有任何疑问，欢迎咨询在线客服</text></view>
	 <view class="page-imcc-pro-text"><text>小提示：如果您发布的求购成交了，记得联系客服领取红包哦</text></view>
	 <view class="page-imcc-button">
		 <contact-button  open-type="contact"  :session-from='sessionFrom'></contact-button>
		 <button type="" open-type="contact" >咨询客服</button>
	 </view>
 </view>

</template>

<script>
	import enums from '@/common/sysEnum.js';
	export default {
		data() {
			return {
				sessionFrom:''
			};
		},
		onLoad() {
			this.setSessionFrom()
		},
		methods:{
			setSessionFrom:function(){
				let that=this;
				let userInfo = that.$store.getters.getUserInfo;
				var wxUserInfo =  uni.getStorageSync(enums.enums.USER.WX_USER_INFO);
				console.log(wxUserInfo.userInfo)
				let imcc={};
				imcc.nickName=userInfo.wxNickName;
				imcc.avatarUrl=wxUserInfo.userInfo.avatarUrl;
				console.log('this.sessionFrom');
				this.sessionFrom=JSON.stringify(imcc);
			}
		}
	}
</script>

<style>
	.page-imcc{
		background-color: #ffffff;
		width:100vw;
		min-height: 100vh;
		padding-top: 20upx;
		box-sizing: border-box;
		padding-bottom: 20upx;
	}
	.page-imcc-body{
	 text-align: center;
	 padding-top: 174upx;
	}
	.page-imcc-body image{
	  width: 120upx;
	  height: 120upx;
	}
	.page-imcc-text{
		text-align: left;
		padding-top: 40upx;
		width: 100%;
		box-sizing: border-box;
		padding-left: 120upx;
		padding-top: 120upx;
	}
	.page-imcc-text text{
		font-size: 32upx;
		font-weight: bold;
		color: #1a1a1a;
	}
	.page-imcc-pro-text{
		text-align: left;
		padding-top: 24upx;
		width:100%;
		box-sizing: border-box;
		padding-left:120upx;
		padding-right:120upx;
	}
	.page-imcc-pro-text text{
		font-size: 28upx;
		color: #4c4c4c;
	}
	.page-imcc-button{
		text-align: center;
		padding-top: 50upx;
		position: relative;
	}
	.page-imcc-button contact-button{
		position: absolute;
		left:0;
		right:0;
		margin:0 auto;
		opacity:0; 
		display: inline-block;
    position: absolute;
    width: 100vw;
    background: salmon;
    opacity: 0;
	}
	.page-imcc-button button{
		width: 580upx;
		background: #077131;
		color: #FFFFFF;
		font-size: 34upx;
		height: 88upx;
		line-height:88upx;
		border-radius: 44upx;
	}
	.page-imcc-button::after{
		border: 0px;
	}
</style>
